<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <link rel="shortcut icon" href="logo.png" type="image/x-icon" />
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/knockout-3.4.2.js"></script>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/home_v3.css"/>
</head>
<body>
<div data-bind="template: {name:'data-template',foreach:datas,as:'t'}" ></div>

<script type="text/html" id="data-template" >
    <div data-bind="text:value[0]" ></div>
    <div data-bind="template: {name:'value-template',foreach:value}" ></div>
</script>

<script type="text/html" id="value-template">
    <!--<div data-bind="text:t.name" ></div>-->
    <!--<div data-bind="text:$data" ></div>-->
</script>

<script type="text/javascript">
    $(function () {
        var viewMode = {
            datas: ko.observableArray([{ name: "123", value: [1, 2, 3, ] }, { name: "456", value: [4, 5, 6] }])
        };
        ko.applyBindings(viewMode);
    });
</script>
</body>
</html>